require.config({
	paths: {
		echarts: 'js/echarts'
	}
});
require(
	[
		'echarts',
		'echarts/chart/pie'
	],
	function (ec) {
		var myChart = ec.init(document.getElementById('pie'));
		var labelTop = {
			normal : {
				label : {
					show : true,
					position : 'center',
					formatter : '{b}',
					textStyle: {
						baseline : 'bottom'
					}
				},
				labelLine : {
					show : false
				}
			}
		};
		var labelFromatter = {
			normal : {
				label : {
					formatter : function (params){
						return 100 - params.value + '%'
					},
					textStyle: {
						baseline : 'top'
					}
				}
			},
		}
		var labelBottom = {
			normal : {
				color: '#ccc',
				label : {
					show : true,
					position : 'center'
				},
				labelLine : {
					show : false
				}
			},
			emphasis: {
				color: 'rgba(0,0,0,0)'
			}
		};
		var radius = [40, 55];
		var option = {
			title : {
				text: '',
				subtext: '',
				x: 'center'
			},
			series : [
				{
					type : 'pie',
					center : ['10%', '30%'],
					radius : radius,
					x: '0%', // for funnel
					itemStyle : labelFromatter,
					data : [
						{name:'other', value:18, itemStyle : labelBottom},
						{name:'Positive', value:82,itemStyle : labelTop}
					]
				},
				{
					type : 'pie',
					center : ['30%', '30%'],
					radius : radius,
					x:'20%', // for funnel
					itemStyle : labelFromatter,
					data : [
						{name:'other', value:82, itemStyle : labelBottom},
						{name:'Negative', value:18,itemStyle : labelTop}
					]
				}
			]
		};
		myChart.setOption(option);
	}
);